<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>心云商城</title>
<link href="<{$public}>/css/header.css" rel="stylesheet" type="text/css" />
<link href="<{$public}>/css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<{$public}>/js/jquery.js"></script>
<script type="text/javascript" src="<{$public}>/js/index.js"></script>
<script type="text/javascript" src="<{$public}>/js/timeCountDown.js"></script>

</head>
<{include file='public/head.html' }>
<body>
<div class="w960 mt_10">
	<div class="col_left"> 
		<!--幻灯 start-->
		<div id="slide_show">
			<ul id="slide_main">
				<li><a href="#"><img src="<{$public}>/images/index/demo/1.jpg" width="714" height="230" alt="" /></a></li>
				<li><a href="#"><img src="<{$public}>/images/index/demo/2.jpg" width="714" height="230" alt="" /></a></li>
				<li><a href="#"><img src="<{$public}>/images/index/demo/3.jpg" width="714" height="230" alt="" /></a></li>
			</ul>
			<ol id="slide_sub">
				<li class="active">1</li>
				<li>2</li>
				<li>3</li>
			</ol>
		</div>
		<!--幻灯 end--> 
	</div>
	<div class="col_right"> 
		<!--快报 start-->
		<dl class="bulletin_0">
			<dt><a href="<{$url}>/listnews" class="fr">更多快报</a><strong class="f14 c502">商城快报</strong></dt>
			<{section loop=$c name='ls'}>
			<dd><a href="<{$url}>/content"><{$c[ls].title}></a></dd>
			<{/section}>
		</dl>
		<!--快报 end-->
		<p class="index_ad_0"> <a href="#"><img src="<{$public}>/images/weibo.jpg" width="227" height="79" alt="" class="block" /></a> </p>
	</div>
</div>
<div class="w960 mt_10">
	<div class="col_left"> 
		<!--热门分类 start-->
		<div class="index_sort">
			<h3 class="index_tit_0"> <span class="fl">热门分类</span> </h3>
			<{section loop=$cat name='ls'}>
			<dl>
				<dt><font color='white'><{$cat[ls].c_name}></font></dt>
					<!--在便利这个根分类下的 子分类 -->
					<{section loop=$cat[ls].subcat name='a'}>
						<dd><a href="<{$app}>/search/cat/cname/<{$cat[ls].subcat[a].c_name}>"><{$cat[ls].subcat[a].c_name}></a></dd>
					<{/section}>
			</dl>
			<{/section}>
		</div>
		<!--热门分类 end--> 
	</div>
	<div class="col_right"> 
		<!--今日团购 start-->
		<div class="index_group">
			<h3 class="index_tit_1">今日团购</h3>
			<a href="<{$app}>/group_buy/index"><img src="<{$public}>/images/tuan/980_G_1307928694774.jpg" width="150" height="150" alt="" /></a>
			<p class="p_0"><a href="#" class="cb00">仅售45元！3支coppertone水宝宝防晒乳液</a></p>
			<p class="p_0 c666">已团100000人（最低人数为1）</p>
	<div class="index_group_time"> <span class="span_0">离结束仅剩</span> <span class="span_1"> <span id="hour"></span>时 <span id="mini"></span>分 <span id="sec"></span>秒</span> </div>

		</div>
		<!--今日团购 end--> 
	</div>
</div>
<div class="w960 mt_10">
	<div class="col_left"> 
		<!--今日特价 start-->
		<div class="index_special">
			<h3 class="index_tit_0"> <span class="fl">今日特价</span> <a href="#" class="fr">全部商品&gt;&gt;</a> </h3>
			<div class="index_special_list">
				<div class="index_special_big"> <a href="单品.html"><img src="<{$public}>/images/lware/mobile.jpg" width="212" height="411" alt="" /></a> </div>
				<ul>
				<{section loop=$data name='ls'}>
					<li> <a href="<{$url}>/ware/id/<{$data[ls].id}>"><img  src="<{$public}>/images/ware/<{$data[ls].w_pic}>" width="150" height="150" alt="" /></a>
					  <p class="pro_name"><a href="<{$url}>/ware/id/<{$data[ls].id}>"><{$data[ls].w_name}></a></p>
						<p class="cb00">心云价：￥<strong class="f14"><{$data[ls].w_price}></strong></p>
					</li>
					<{/section}>
				</ul>
			</div>
		</div>
		<!--今日特价 end--> 
		<!--手机配件 start-->
		<div class="index_special mt_10">
			<h3 class="index_tit_0"> <span class="fl">手机配件</span> <span class="fr"> <a href="搜索.html">波导</a> <a href="搜索.html">三星</a> <a href="搜索.html">波导</a> <a href="搜索.html">三星</a> <a href="搜索.html">波导</a> <a href="搜索.html">三星</a> <a href="搜索.html">全部商品&gt;&gt;</a> </span> </h3>
			<div class="index_special_list">
				<div class="index_special_big"> <a href="单品.html"><img src="<{$public}>/images/lware/ipod.jpg" width="212" height="411" alt="" /></a> </div>
				<ul>
				<{section loop=$pj name='pj'}>
					<li> <a href="<{$url}>/ware/id/<{$pj[pj].id}>"><img  src="<{$public}>/images/ware/<{$pj[pj].w_pic}>" width="150" height="150" alt="" /></a>
						<p class="pro_name"><a href="<{$url}>/ware/id/<{$pj[pj].id}>"><{$pj[pj].w_name}></a></p>
						<p class="cb00">心云价：<strong class="f14">￥<{$pj[pj].w_price}></strong></p>
				  </li>
				<{/section}>
				  </li>
				</ul>
			</div>
		</div>
		<!--手机配件 end--> 
	</div>
	<div class="col_right"> 
		<!--右侧广告 宽度233 高度不限 start-->
		<{section loop=$r name='r'}>
		<p class="index_ad_1 mt_10"><a href="<{$url}>/ware/id/<{$r[r].id}>"><img src="<{$public}>/images/rware/<{$r[r].ad_pic}>" width="233" height="143" alt="" /></a></p>
		<{/section}>
		<!--右侧广告 end--> 
	</div>
</div>
<!--专题推荐 start-->
<div class="w960 mt_10">
	<h3 class="index_tit_0"><span class="fl">专题推荐</span></h3>
	<!--推荐的图片，在一行显示的。宽度与外边距加在一起=960即可，ml_10是10px外边距-->
	<ul class="index_recomm">
		<li><a href="单品.html"><img src="<{$public}>/images/rware/ad_footer_01.jpg" width="478" height="126" alt="" /></a></li>
		<li class="ml_10"><a href="单品.html"><img src="<{$public}>/images/rware/ad_footer_02.jpg" width="468" height="126" alt="" /></a></li>
		<li><a href="单品.html"><img src="<{$public}>/images/rware/ad_footer_03.jpg" width="232" height="126" alt="" /></a></li>
		<li class="ml_10"><a href="单品.html"><img src="<{$public}>/images/rware/ad_footer_04.jpg" width="232" height="126" alt="" /></a></li>
		<li class="ml_10"><a href="单品.html"><img src="<{$public}>/images/rware/ad_footer_05.gif" width="232" height="126" alt="" /></a></li>
		<li class="ml_10"><a href="单品.html"><img src="<{$public}>/images/rware/ad_footer_06.jpg" width="226" height="126" alt="" /></a></li>
	</ul>
</div>
<!--专题推荐 end--> 
	<{include file='public/foot.html'}>
		<!-- JS控制团购时间倒数-->
	         <script >
				 var d = Date.UTC(2012, 0,7, 16, 19);
				 var obj = {
					 sec:  document.getElementById("sec"),
					 mini: document.getElementById("mini"),
					 hour: document.getElementById("hour"),
					 day: document.getElementById("day1")
				}
				fnTimeCountDown(d, obj);
		</script >

</body>
</html>
